<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap.css">

    <style>
        a{
            text-decoration: none;
            color: violet;
        }
        html{
            height: 100%;
        }
        body{
            height: 100%;
        }
        
    </style>
</head>
<body>
    <!-- 作业 -->
    
    <div class="container homework">
        <table class="table table-striped">
            <thead>
              <tr>
                <th scope="col">序号</th>
                <th scope="col">链接</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">1</th>
                <td><a href="./携程移动端/携程.html" class="homework">携程移动端</a></td>
              </tr>
              <tr>
                <th scope="row">1</th>
                <td><a href="./别踩白块/别踩白块-面向对象.html" class="homework">别踩白块</a></td>
              </tr>
            </tbody>
          </table>
    </div>
    <svg width="100%" style="position:absolute;bottom:0px;left:0px;" id="svg" viewBox="0 0 1440 500" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><style>
      .path-0{
        animation:pathAnim-0 4s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
      }
      @keyframes pathAnim-0{
        0%{
          d: path("M 0,500 C 0,500 0,166 0,166 C 101.87435897435898,181.24615384615385 203.74871794871797,196.49230769230766 271,206 C 338.25128205128203,215.50769230769234 370.8794871794872,219.2769230769231 436,210 C 501.1205128205128,200.7230769230769 598.7333333333333,178.4 697,165 C 795.2666666666667,151.6 894.1871794871795,147.12307692307692 973,136 C 1051.8128205128205,124.87692307692308 1110.5179487179487,107.10769230769232 1185,111 C 1259.4820512820513,114.89230769230768 1349.7410256410258,140.44615384615383 1440,166 C 1440,166 1440,500 1440,500 Z");
        }
        25%{
          d: path("M 0,500 C 0,500 0,166 0,166 C 59.769230769230774,177.82820512820513 119.53846153846155,189.65641025641025 214,180 C 308.46153846153845,170.34358974358975 437.6153846153845,139.2025641025641 521,153 C 604.3846153846155,166.7974358974359 642.0000000000001,225.53333333333333 696,228 C 749.9999999999999,230.46666666666667 820.3846153846155,176.66410256410256 917,166 C 1013.6153846153845,155.33589743589744 1136.4615384615383,187.81025641025641 1228,195 C 1319.5384615384617,202.18974358974359 1379.769230769231,184.09487179487178 1440,166 C 1440,166 1440,500 1440,500 Z");
        }
        50%{
          d: path("M 0,500 C 0,500 0,166 0,166 C 89.75897435897437,149.40512820512822 179.51794871794874,132.81025641025641 266,137 C 352.48205128205126,141.18974358974359 435.6871794871795,166.16410256410256 502,174 C 568.3128205128205,181.83589743589744 617.7333333333333,172.53333333333336 681,178 C 744.2666666666667,183.46666666666664 821.3794871794872,203.70256410256408 920,207 C 1018.6205128205128,210.29743589743592 1138.7487179487177,196.65641025641025 1229,187 C 1319.2512820512823,177.34358974358975 1379.625641025641,171.67179487179487 1440,166 C 1440,166 1440,500 1440,500 Z");
        }
        75%{
          d: path("M 0,500 C 0,500 0,166 0,166 C 56.269230769230774,141.35641025641024 112.53846153846155,116.71282051282051 200,105 C 287.46153846153845,93.28717948717949 406.11538461538464,94.50512820512819 502,126 C 597.8846153846154,157.4948717948718 671,219.26666666666668 742,226 C 813,232.73333333333332 881.8846153846155,184.4282051282051 963,155 C 1044.1153846153845,125.57179487179489 1137.4615384615383,115.02051282051282 1219,120 C 1300.5384615384617,124.97948717948718 1370.269230769231,145.4897435897436 1440,166 C 1440,166 1440,500 1440,500 Z");
        }
        100%{
          d: path("M 0,500 C 0,500 0,166 0,166 C 101.87435897435898,181.24615384615385 203.74871794871797,196.49230769230766 271,206 C 338.25128205128203,215.50769230769234 370.8794871794872,219.2769230769231 436,210 C 501.1205128205128,200.7230769230769 598.7333333333333,178.4 697,165 C 795.2666666666667,151.6 894.1871794871795,147.12307692307692 973,136 C 1051.8128205128205,124.87692307692308 1110.5179487179487,107.10769230769232 1185,111 C 1259.4820512820513,114.89230769230768 1349.7410256410258,140.44615384615383 1440,166 C 1440,166 1440,500 1440,500 Z");
        }
      }</style><defs><linearGradient id="gradient" x1="0%" y1="53%" x2="100%" y2="47%"><stop offset="5%" stop-color="#7bdcb588"></stop><stop offset="95%" stop-color="#f78da788"></stop></linearGradient></defs><path d="M 0,500 C 0,500 0,166 0,166 C 101.87435897435898,181.24615384615385 203.74871794871797,196.49230769230766 271,206 C 338.25128205128203,215.50769230769234 370.8794871794872,219.2769230769231 436,210 C 501.1205128205128,200.7230769230769 598.7333333333333,178.4 697,165 C 795.2666666666667,151.6 894.1871794871795,147.12307692307692 973,136 C 1051.8128205128205,124.87692307692308 1110.5179487179487,107.10769230769232 1185,111 C 1259.4820512820513,114.89230769230768 1349.7410256410258,140.44615384615383 1440,166 C 1440,166 1440,500 1440,500 Z" stroke="none" stroke-width="0" fill="url(#gradient)" class="transition-all duration-300 ease-in-out delay-150 path-0"></path><style>
      .path-1{
        animation:pathAnim-1 4s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
      }
      @keyframes pathAnim-1{
        0%{
          d: path("M 0,500 C 0,500 0,333 0,333 C 71.0871794871795,343.05641025641023 142.174358974359,353.1128205128205 231,343 C 319.825641025641,332.8871794871795 426.3897435897436,302.6051282051282 518,316 C 609.6102564102564,329.3948717948718 686.2666666666668,386.46666666666664 761,395 C 835.7333333333332,403.53333333333336 908.5435897435896,363.5282051282051 983,334 C 1057.4564102564104,304.4717948717949 1133.5589743589742,285.4205128205128 1210,287 C 1286.4410256410258,288.5794871794872 1363.2205128205128,310.7897435897436 1440,333 C 1440,333 1440,500 1440,500 Z");
        }
        25%{
          d: path("M 0,500 C 0,500 0,333 0,333 C 88.27948717948718,303.8384615384615 176.55897435897435,274.67692307692306 259,281 C 341.44102564102565,287.32307692307694 418.0435897435898,329.13076923076926 505,357 C 591.9564102564102,384.86923076923074 689.2666666666667,398.79999999999995 764,378 C 838.7333333333333,357.20000000000005 890.8897435897436,301.6692307692308 956,283 C 1021.1102564102564,264.3307692307692 1099.174358974359,282.5230769230769 1182,297 C 1264.825641025641,311.4769230769231 1352.4128205128204,322.23846153846154 1440,333 C 1440,333 1440,500 1440,500 Z");
        }
        50%{
          d: path("M 0,500 C 0,500 0,333 0,333 C 65.33589743589741,341.9564102564102 130.67179487179482,350.9128205128205 206,354 C 281.3282051282052,357.0871794871795 366.64871794871806,354.3051282051282 465,337 C 563.3512820512819,319.6948717948718 674.7333333333332,287.8666666666667 764,272 C 853.2666666666668,256.1333333333333 920.4179487179488,256.2282051282051 979,276 C 1037.5820512820512,295.7717948717949 1087.5948717948718,335.2205128205128 1163,348 C 1238.4051282051282,360.7794871794872 1339.202564102564,346.8897435897436 1440,333 C 1440,333 1440,500 1440,500 Z");
        }
        75%{
          d: path("M 0,500 C 0,500 0,333 0,333 C 69.62564102564102,321.51282051282055 139.25128205128203,310.02564102564105 223,321 C 306.74871794871797,331.97435897435895 404.6205128205129,365.41025641025647 481,352 C 557.3794871794871,338.58974358974353 612.2666666666667,278.3333333333333 705,280 C 797.7333333333333,281.6666666666667 928.3128205128205,345.2564102564103 1004,353 C 1079.6871794871795,360.7435897435897 1100.4820512820513,312.64102564102564 1164,300 C 1227.5179487179487,287.35897435897436 1333.7589743589742,310.1794871794872 1440,333 C 1440,333 1440,500 1440,500 Z");
        }
        100%{
          d: path("M 0,500 C 0,500 0,333 0,333 C 71.0871794871795,343.05641025641023 142.174358974359,353.1128205128205 231,343 C 319.825641025641,332.8871794871795 426.3897435897436,302.6051282051282 518,316 C 609.6102564102564,329.3948717948718 686.2666666666668,386.46666666666664 761,395 C 835.7333333333332,403.53333333333336 908.5435897435896,363.5282051282051 983,334 C 1057.4564102564104,304.4717948717949 1133.5589743589742,285.4205128205128 1210,287 C 1286.4410256410258,288.5794871794872 1363.2205128205128,310.7897435897436 1440,333 C 1440,333 1440,500 1440,500 Z");
        }
      }</style><defs><linearGradient id="gradient" x1="0%" y1="53%" x2="100%" y2="47%"><stop offset="5%" stop-color="#7bdcb5ff"></stop><stop offset="95%" stop-color="#f78da7ff"></stop></linearGradient></defs><path d="M 0,500 C 0,500 0,333 0,333 C 71.0871794871795,343.05641025641023 142.174358974359,353.1128205128205 231,343 C 319.825641025641,332.8871794871795 426.3897435897436,302.6051282051282 518,316 C 609.6102564102564,329.3948717948718 686.2666666666668,386.46666666666664 761,395 C 835.7333333333332,403.53333333333336 908.5435897435896,363.5282051282051 983,334 C 1057.4564102564104,304.4717948717949 1133.5589743589742,285.4205128205128 1210,287 C 1286.4410256410258,288.5794871794872 1363.2205128205128,310.7897435897436 1440,333 C 1440,333 1440,500 1440,500 Z" stroke="none" stroke-width="0" fill="url(#gradient)" class="transition-all duration-300 ease-in-out delay-150 path-1"></path></svg>
    <!--视图框结束-->
    
</body>
</html>